<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <style>
    * {
      padding: 0;
      margin: 0;
    }
    a {
      text-decoration: none;
    }
    footer {
      margin: 300px auto;
      width: 400px;
      height: 400px;
      background-color: chartreuse;
      text-align: center;
    }
    .bb input {
      width: 200px;
      height: 40px;
      margin-top: 30px;
      text-align: center;
      font-size: 20px;
      color: rgb(213, 198, 186);
    }
    .bb input:last-child {
      background-color: #f10883;
      border: none;
    }
    .cc:active:active {
      background-color: rebeccapurple;
    }
    input:nth-child(5) {
      width: 20px;
      height: 20px;
      font-size: 20px;
      color: #000;
    }

    .dd {
      width: 40px;
      height: 40px;
      margin: 20px;
      border-radius: 45%;
    }
    button {
      width: 40px;
      height: 40px;
      margin: 20px;
      border-radius: 45%;
      background-image: url(./imgages/weix.png);
    }
    .ff {
      background-color: #f10883;
      width: 400px;
      height: 22px;
    }
    .ff p {
    }
  </style>

<script src="./ajax.js"></script>
  <body>
    <footer>
      <div class="bb">
        <input type="text" value="" placeholder="账号/手机号/绑定邮箱" /> <br />
        <input type="text" value="" placeholder="密码" /> <br />
        <input type="checkbox" />我已阅读并接受以下条款：
        <a
          href="https://h5rsc.vip.com/h5rscSupportClause/h5rscSupportClause/index.html"
          >《唯品会服务条款》</a
        ><br />
        <a href="https://www.vip.com/privacy">《唯品会基本功能隐私政策》</a
        ><br />

        <input type="button" class="cc" value="登录" />
        <br />
        <a
          href="https://open.weixin.qq.com/connect/qrconnect?appid=wxce0a56c2bb620e25&redirect_uri
=https%3A%2F%2Fpassport.vip.com%2Fcallback%2Fweixin&response_type=code&scope=snsapi_login&s
tate=0f3159779eab4eac8876e63a1c44e8ad#wechat_redirect"
          target="_blank"><img class="dd" src="./images/weix.png" alt=""/></a>
        
         
          <div class="ff">
          <a href="">新浪微博</a>
          <a href="">qq</a>
          <a href="">支付宝</a>
          <span>更多</span>
          <a href="./zc.html">免费注册</a>
        </div>
      </div>
    </footer>
  <script src="https://cdn.bootcdn.net/ajax/libs/axios/1.3.5/axios.js"></script>
  <script>

  </script>
  </body>
</html>
